<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<f:loadBundle basename="props.lenguajes.messages" var="msg" />
	<h:form>
		<h:panelGrid columns="2">
			<p:outputLabel value="#{msg['message.ide.competitor.numeroControl']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.numeroControl}"
				style="width:60px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel
				value="#{msg['message.ide.competitor.nombreCompleto']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.nombreCompleto}"
				style="width:150px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.centroCostos']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.centroCostos}"
				style="width:40px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.area']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.area}"
				style="width:70px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.titular']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:outputLabel value="#{newParticipantMB.titular}" style="font-size: 10px; font-weight:bold;" />

			<p:outputLabel value="#{msg['message.ide.competitor.celular']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.celular}"
				style="width:70px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.email']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.email}"
				style="width:110px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.extension']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.extension}"
				style="width:40px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.ubicacion']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.ubicacion}"
				style="width:50px; font-size: 10px; text-align:center; border-style:none;" />

			<p:outputLabel value="#{msg['message.ide.competitor.participacion']}"
				style="font-size: 10px; font-weight:bold;" />
			<p:inputText value="#{newParticipantMB.participacion}"
				style="width:30px; font-size: 10px; text-align:center; border-style:none;" />

			<f:facet name="footer">
				<p:outputLabel value="#{msg['message.ide.competitor.total']}"
					style="font-size: 10px; font-weight:bold;" />
				<p:outputLabel value="#{newParticipantMB.total}"></p:outputLabel>
			</f:facet>
			
			<p:commandButton rendered="#{participantsMB.renderButton}"
				action="#{participantsMB.agregar}"
				value="Agregar"
				style="font-size: 10px; font-weight:bold;" />
			<p:commandButton rendered="#{participantsMB.renderButton}"
				action="#{participantsMB.cancelar}"
				value="Agregar"
				style="font-size: 10px; font-weight:bold;" />				
		</h:panelGrid>
	</h:form>

</ui:composition>
